<!-- eslint-disable vue/multi-word-component-names -->
<template>
    <div>
        <div style="display: flex; width: 100%;">
            <el-table ref="idoo_table" :data="tableData" style="width: 100%"
                @selection-change="handleSelectionChange">
                <el-table-column type="selection" width="55" />
                <el-table-column prop="date" label="Date" :sortable="true" width="180" />
                <el-table-column prop="name" label="Name" width="180" />
                <el-table-column prop="address" label="Address" />
            </el-table>
        </div>
    </div>

</template>

<script setup lang="ts">
import { ref } from 'vue';
import type { IdooColumnType } from './structs';
const propsColumnConfigs = defineProps<{columnConfigs : Array<IdooColumnType>}>();//表格列配置
const tableData = ref([]);
const multipleSelection = ref<[]>([]);
const handleSelectionChange = (val) => {
    console.log("selectonChange")
    console.log(val)
    multipleSelection.value = val
}

const columnList = [
    
]
</script>